之前只稍微用過 AngularJS，目前公司前端是用 Vue。
希望透過這三十天整理筆記，記錄自己的學習過程。

這三十天的內容會以 2.x為主，畢竟還很菜的我沒經歷過之前的階段，Vue 算是我的第一個前端框架。

首先必須感謝我的 mentor Summer，願意分享許多知識與經驗，也鼓勵我參加這次鐵人賽。

也歡迎大家任何批評指教，或是補充不足的地方。

30天的文章形式大致分為:

用範例理解 Vue.js 基本語法與概念

個人喜歡先看結果，再深入理解背後的原理。因此程式幾乎都會提供範例連結，大家可以直接看到結果和修改。

文中會穿插實例，分享自己遇到的問題，和如何選擇解決的方式。

用範例理解 Vue.js 目錄

1. 前言
2. 用七個官方範例初步認識 Vue.js
3. Vue Instance & Instance Lifecycle Hooks
4. Virtual DOM
5. Template Syntax
6. Computed vs Methods
7. Filters vs Computed
8. Watch vs Computed
9. v-bind and Class Bindings
10. Conditional Rendering
11. List Rendering
12. Event Handling(v-on)
13. v-model and data
14. Component 簡介
15. 實例 Component Dropdown
16. 實例 Vue Instance (deep copy) lodash.js 效能比較
17. Global API(extend, nextTick, directive)
18. Slot
19. Vuetify
20. vue-router in Vuetify
21. Vuex in Vuetify
22. vue-server-renderer in Vuetify
23. 趕工中：webpack in Vuetify
24. 趕工中：express in Vuetify
25. 趕工中：總攬 Vuetify webpack-ssr 目錄結構
26. 趕工中：vue-loader
27. 趕工中：vue-i18n 多國語系
28. 趕工中：axios, axios-mock-adapter
29. 趕工中：Unit Testing
30. 總結

關於我們

我們是「露天拍賣」的工程師，這次決定一同組隊「露天廢物」參加鐵人賽，扶持彼此完成這艱難的 30 天任務。

成員如下（按字母順序排列）

• Eddie - 使用PHP串接金流相關API 🐻
• Hunter - 用範例理解 Vue.js 🍸
• J0 - Go！從無到打造最佳行動網站 🍻
• Jeff - 糞GAME30天優化 🐦
• Summer - Nightwatch101：使用 Nightwatch 實現 End-to-End Testing ♞

歡迎大家閱讀我們的學習歷程！